﻿/*等级图标*/
.king,.sun,.moon,.star{display:inline-block;width:16px;height:16px;background-image: url(img/level_icon.png);vertical-align: middle;}
.king{background-position: 0 0;}
.sun{background-position: 0 -16px;}
.moon{background-position: 0 -32px;}
.star{background-position: 0 -48px;}

/* 表情、话题、at朋友  */
.emotion { background-color: #FFF; width: 250px; border: 1px solid #a2a2a2; padding: 8px; display: none; position: absolute; z-index: 3; }
.emotion li { float: left; width: 50px; height: 50px; overflow: hidden; }
.emotion img { cursor: pointer; }
.topic { background: none repeat scroll 0 0 white; border: 1px solid #EAEDEE; height: 200px; padding: 0 10px; width: 270px; display: none; position: absolute; }
.topic .close { background: url(img/myspace_popup.gif) no-repeat scroll -15px -72px transparent; height: 15px; position: absolute; right: 5px; top: 5px; width: 15px; display: block; }
.topic .hd { border-bottom: 1px dotted #EAEDEE; padding: 15px 0; text-align: center; }
.topic .hd a { background: url(img/myspace_popup.gif) no-repeat scroll 0 0 transparent; color: white; display: inline-block; height: 24px; line-height: 24px; text-indent: 25px; width: 84px; }
.topic p { color: gray; padding: 5px 0; }
.topic li { float: left; overflow: hidden; padding: 10px 0; text-overflow: ellipsis; white-space: nowrap; width: 135px; }
.topic li a { color: #0078B6; font-weight: bold; }
.friend { background: none repeat scroll 0 0 white; border: 1px solid #ADADAD; height: 280px; line-height: 1.231; width: 240px; display: none; position: absolute; }
.friend .close { background: url(img/myspace_popup.gif) no-repeat scroll -15px -72px transparent; height: 15px; position: absolute; right: 8px; top: 8px; width: 15px; }
.friend .hd { background: none repeat scroll 0 0 #F7F7F7; border-bottom: 1px solid #EAEDEE; height: 30px; }
.friend .hd input { border: 1px solid #7F9DB9; color: gray; height: 20px; line-height: 20px; margin: 3px 0 0 3px; text-indent: 5px; width: 190px; }
.friend ul { height: 220px; overflow-y: auto; }
.friend li { padding: 5px 0 5px 10px; text-overflow: ellipsis; white-space: nowrap; }
.friend li:hover { background: none repeat scroll 0 0 #d2e9fa; cursor: pointer; }
.friend li a { color: black; }
.ft { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid white; color: gray; height: 28px; line-height: 28px; text-align: center; }

/* 分页 */
.paging { clear: both; text-align: center; padding: 10px 0; }
.paging a{ padding: 3px 5px; border: solid 1px #e8e8e8; background-color: #f6f6f6; color: #333333; margin: 0 2px;}
.paging a:hover{ background-color: #87cf3a; border: solid 1px #18920b; color: white;}
.paging .unable,.paging .unable:hover { padding: 3px 5px; border: solid 1px #e8e8e8; background-color: #f6f6f6;margin: 0 2px; color: #888888; cursor: default; }
.contenter .paging .active{ background-color: #87cf3a; border: solid 1px #18920b; color: white;cursor: default;}


/* 修改分组 */
.modify { display: block; width: 60px; height: 30px; font-size: 14px; padding-left: 20px; line-height: 30px; color: #1787dd; border: solid 1px white; background: url(img/ic.png) -10px -884px no-repeat; cursor: pointer; position: relative; }
.modify .active { border: solid 1px #b2cfe7; background-position: -10px -924px; background-color: #e0eef8; border-radius: 2px; }
.modify_list { display: none; position: absolute; width: 110px; border: solid 1px #b2cfe7; top: 30px; left: -1px; z-index: 2; }
.modify_list a { display: block; height: 24px; line-height: 24px; padding-left: 20px; background: white url(img/ic.png) -10px -727px no-repeat; font-size: 12px; }
.modify_list a:hover { background-color: #F0F5F8; }
.modify_list .on { background-position: -10px -769px; }
.modify_list a.hide { display: none; }

/* 通用提示条 */
/*
#tip { border-radius: 10px; border: solid 10px #B1B1B1; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
#tip .inner { background-color: #F3FFF1; border: 1px solid #C9EDC3; height: 50px; line-height: 50px; text-align: center; width: auto; padding: 0 30px; font-size: 14px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
*/
#tip { display: none; position: absolute; left: 0; top: 0; z-index:9999; background-color: #F3FFF1; border: 1px solid #AACF58; height: 50px; line-height: 50px; text-align: center; width: auto; padding: 0 30px; font-size: 14px; box-shadow:0 0 5px black;}

/* top 
-----------------------------------------*/
.to_top { z-index: 1001; position: absolute; width: 50px; display: none; color: #666; }
.to_top .backtotop { background: url(img/footer_btt.png) no-repeat scroll 8px -57px #666666; border-radius: 4px 4px 4px 4px; display: block; float: left; height: 50px; outline: 0 none; position: relative; text-indent: -9999em; width: 50px; }
.to_top .backtotop:hover { background: url(img/footer_btt.png) no-repeat scroll 8px 13px #333333; }
.to_top .back-tip { left: -10px; position: absolute; top: -31px; visibility: hidden; }


/* loading 
-----------------------------------------*/
#loading { position: absolute; left: 0; top: 0; z-index: 10000; height: 2000px; top: 80px; left: 40%; }
#loading .mask { height: 100%; width: 100%; position: absolute; }
#loading .img { width: 174px; height: 42px; background: url(img/loading.gif) no-repeat; position: absolute;  }
